<template>
  <div class="header">
    <div class="titel">
      <h3>分类</h3>
    </div>
    <div class="banner">      <img src="https://img.zhichiwangluo.com/zcimgdir/album/file_5ce3c7eb9b91f.png" />
    </div>
    <div class="search">
      <div>
        <span class="iconfont">&#xe62e;</span>
        <input type="text" placeholder="请输入搜索内容"/>
        <div class="search-btn">搜索</div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'classheader'
}
</script>

<style lang="stylus" scoped="scoped">
  .header
    .titel
      padding 0.2rem 0.2rem
      position relative
      top 0
    .banner
      img
        width 100%
    .search
      background-color: rgb(248, 248, 248);
      padding 0.4rem 0.8rem
      div
        background white
        padding-left 0.2rem
        position relative
        span
          font-size 0.28rem
          margin-right 0.1rem
        input
          width 80%
          height 0.6rem
          font-size 0.28rem
        .search-btn
          position absolute
          padding-left 0
          right 0
          top 0
</style>
